layui.use(['table', 'element', 'form', 'layer', 'common'], function () {
    let $ = layui.$;
    let table = layui.table;
    let form = layui.form;
    let layer = layui.layer;
    let common = layui.common;

    // 获取表格数据的url链接
    let biz_url = $("#bizList").data('url');
    /**
     * 页面表格数据渲染
     */
    table.render({
        elem:"#bizList"
        , id: 'bizList'
        , method: 'get'
        , url: biz_url
        , headers: {
            type: 'list',
            isAjax: 'ajax'
        }
        , page: ({
            layout:['prev', 'page', 'next', 'count']
            , first: '首页'
            , last: '尾页'
            , curr: 1
            , groups: 6
        })
        , cols:[[
            {title: '商户名称', field: 'biz_name', fixed: 'left'}
            , {title: '商户分类', field: 'category'}
            , {title: '联系地址', field: 'address'}
            , {title: '联系电话', field: 'tel'}
            , {title: '联系人', field: 'truename'}
            , {title: '用户名', field: 'username'}
            , {title: '操作', toolbar: "#operation", fixed: 'right'}
        ]]
        , limit: 40
        , event: true
    });

    /**
     * 页面表格的操作
     */
    table.on('tool(bizList)', function (obj) {
        let event_name = obj.event;
        // 查看详情
        if (event_name === 'info'){
            // 查看商户详情
            layer.open({
                type: 2
                , title: '商户详情'
                , area: ['50%', '80%']
                , shadeClose: true
                , content: $(this).attr('href')
            });
            return false;
        }
        // 禁用商户
        if (event_name === 'enabled'){
            let load = layer.load();
            // 禁用获取启用商户
            $.ajax({
                type: 'post',
                url: '/biz/update',
                data: {
                    id: $(this).data('id'),
                    set: {
                        enabled: 0
                    },
                    _token: $(this).data('token')
                },
                dataType: 'json',
                success: function (res) {
                    layer.close(load);
                    if (res.code === 0){
                        common.tipMessage('禁用成功', 6, function () {
                            table.reload('bizList', {
                                method: 'get'
                                , page: {
                                    curr: $(".layui-laypage-em").next().html()
                                }
                            });
                        });
                    }else {
                        common.tipMessage('禁用失败');
                    }
                },
                error: function (res) {
                    layer.close(load);
                    common.tipMessage(res);
                },
                before: function () {
                    load;
                }
            });
        }
        // 启用商户
        if (event_name === 'enable'){
            // 启用商户
            let load = layer.load();
            $.ajax({
                type: 'post',
                url: '/biz/update',
                data: {
                    id: $(this).data('id'),
                    set: {
                        enabled: 1
                    },
                    _token: $(this).data('token')
                },
                dataType: 'json',
                success: function (res) {
                    layer.close(load);
                    if (res.code === 0){
                        common.tipMessage('启用成功', 6, function () {
                            table.reload('bizList', {
                                method: 'get'
                                , page: {
                                    curr: $(".layui-laypage-em").next().html()
                                }
                            });
                        });
                    }else {
                        common.tipMessage('启用失败');
                    }
                },
                error: function (res) {
                    layer.close(load);
                    common.tipMessage(res);
                },
                before: function () {
                    load;
                }
            });
        }
    });

    /**
     * 表格的搜索功能
     * 需要使用到数据表格的重载功能
     */
    form.on('submit(searche_btn)', function (data) {
        /**
         * 数据表格的重载功能
         */
        table.reload('bizList', {
            method: 'get'
            , where: {
                biz_name: data.field['biz_name']
            }
            , page: {
                curr: 1
            }
        });
        return false;
    });

});
